/** 
 * 描    述：定义公共类名及jquery插件样式
 * 作用范围: 公共，独立样式
 */

/* 实心小三角 */
.arrow {
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	vertical-align: middle;
	border: 4px dashed transparent;
}
.arrow-down {
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 0;
}
.arrow-up {
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: 0;
}
.arrow-left {
	border-right-style: solid;
	border-right-color: #000;
	border-left-width: 0;
}
.arrow-right {
	border-left-style: solid;
	border-left-color: #000;
	border-right-width: 0;
}

/* 提醒框 */
.alert {
	color: #c09853;
	font-weight: bold;
	border-bottom: 1px solid #fbeed5;
	background-color: #fcf8e3;
}
.alert .close {
  float: right;
  position: relative;
  top: -2px;
  right: -21px;
  font: bold 20px/20px arial; 
  color: #000000;
  opacity: 0.4;
}
.alert .close:hover {
	opacity: 0.6;
}
button.close {
  padding: 0;
  cursor: pointer;
  border: 0 none;
	background: none;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert-info {
	background-color: #D9EDF7;
  border-color: #BCE8F1;
  color: #3A87AD;
}
.alert-error {
	color: white;
	border-color: #d44c4a;
	background-color: #FF6666;
}
.alert-success {
  color: #468847;
  background-color: #CCFF99;
  border-color: #a5d371;
}
#top-alert {
  display: block;
  top: 30px;
  left: 180px;
  right: 0;
  z-index: 3000;
	margin-top: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
  overflow: hidden;
  font-size: 14px;
}
#top-alert .close{
  position: fixed;
  top:55px;
  right:35px;
}
/* --yzs 系统弹出提示 css --*/
.alert-content{
	margin-left: 14px;
    max-width:600px;
    word-wrap: break-word;
    word-break:break-all;
}

/* uploadify上传插件样式 */
.uploadify {
	display: inline-block;
}
.uploadify-button {
	position: relative;
	padding: 0 0 0 17px;
	text-align: center;
	color: #999;
	cursor: pointer;
	font-size: 14px;
	background: #27ae60 url(../images/add_mini.png) 9px center no-repeat;
  background-size: 20px 20px;
  border-radius: 22px;
}
.uploadify-queue-item {
	position: absolute;
  z-index: 10;
	margin-top: 4px;
	padding: 15px;
	width: 470px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.uploadify-queue-item .cancel {
	float: right;
}
.uploadify-queue-item .cancel a,
.uploadify-queue-item .cancel a:hover {
	font-family: Consolas;
	color: #404040;
	text-decoration: none;
	border-bottom: 0 none;
}
.uploadify-queue-item .fileName {
	color: #2D7200;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
.upload-img-box {
	margin-top: 3px;
}
.upload-img-box > div{
  float: left;
	position: relative;
  margin-right: 10px;
	padding: 1px;
	width: 100px;
	max-height: 100px;
	text-align: center;
  overflow: visible;
	cursor: pointer;
	border:1px dashed #CCC;
	background-color: #e4f6ff;
}
.upload-img-box .upload-pre-item {
  background-color: #fff;
	border-style: solid;
}

.upload-img-box .upload-pre-item label.set {
	/*display: inline-block;*/
	display: none;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ddd;
	background-color: #eee;
	cursor: pointer;
}
.upload-img-box .upload-pre-item label.set input[type='radio'] {
	vertical-align: top;
	margin-top: 8px;
}
.upload-img-box .upload-pre-item img {
	vertical-align: top;
	height: 100px;
}
.upload-img-box .upload-pre-file {
	padding: 0 10px;
	width: 380px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px dashed #ccc;
	background-color: #fff;
}
.upload-img-box .upload-pre-item .btn-close{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 17px;
  height: 17px;
  background: url(../images/bg_icon.png) no-repeat -25px 0;
  cursor: pointer;
}
.upload-img-box .upload-pre-item .btn-close:hover {
  text-decoration: none;
  border-bottom: 0 none;
}

/* 上传图片点击弹出层 */
.upload-img-popup {
	position: fixed;
	z-index: 9999;
	padding: 3px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
}
.upload-img-popup .close-pop {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 17px;
	height: 17px;
	background: url(../images/bg_icon.png) no-repeat -25px 0;
}
.upload-img-popup .close-pop:hover {
	text-decoration: none;
	border-bottom: 0 none;
}
.upload-img-popup img {
	display: block;
}
.upload_icon_all {
	width: 15px;
	height: 15px;
	background: url(../images/attachment_1.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

/*统计-图表页面*/
.chart-body{
    position: relative;
}
.chart-body .cache-by{
    position: absolute;
    right:80px;
    top:10px;
}

/*返现小图标*/
.order-sdp {
  background: #f2966e;
  border-radius: 10px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  color: #FFF;
  font-size:10px;
  padding:3px 5px;
  font-style: normal;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
}

.page-tip {
  margin: 100px 0;
  text-align:center;
}
.page-tip i.icon {
  font-size: 60px;
}
.page-tip h3 {
  margin-top: 20px;
  font-size: 20px;
}

/*表单元素样式*/

input[type="text"], input[type="password"], textarea, select, .type-file-text , .editable, .editable-tarea { color: #333333; background:#FAFAFA none repeat scroll 0 0 ;  border-style: solid; border-width: 1px; border-color: #ABADB3 #E2E3EA #E2E3EA #ABADB3;}
input[type="text"], input[type="password"], textarea, select, .type-file-text , .editable, .editable2, .editable-tarea, .editable-tarea2 {/* padding: 2px 4px; */-moz-border-radius: 4px;/* -webkit-border-radius: 4px; */border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*//* resize: none; *//*禁止调节元素的尺寸*/}
input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:focus, textarea:active {/* color: #33464F; *//* background-color: #fff; *//* border: 1px solid; *//* border-color:#71CBEF /*#CBE9F3 #CBE9F3 #71CBEF*/ */-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);}
.editable2, .editable-tarea2 { color: #33464F; background-color: #FFF; border: 1px dotted ; border-color:#71CBEF;}
textarea{ resize: vertical !important;/*Textarea支持调节元素的高度*/}
.editable, .editable2, input[type="text"], input[type="password"] {/* line-height:20px; *//* white-space: nowrap; *//* display:inline-block; *//* height:20px; *//* overflow: hidden; *//* cursor:text; */}
.editable-tarea, .editable-tarea2, textarea { line-height:18px; display:inline-block; height:36px; cursor:text; overflow:auto;}
.tarea { height: 75px; width: 400px;}
.sort input , .sort .editable , .sort .editable2 { width:36px;}
.name input , .name .editable , .name .editable2 { width:250px;}
.tag input , .tag .editable , .tag .editable2 { width:480px;}
.goods-name textarea , .editable-tarea , .editable-tarea2 { width:250px;}
.class input , .class .editable , .class .editable2 { width:120px;}
input.readonly , textarea.readonly, textarea.readonly:focus ,textarea.readonly:hover, input.readonly:focus , input.readonly:hover  {backgorund:#FFF; border: solid 1px; border-color: #EEE #F5F5F5 #F5F5F5 #EEE;}
.type-file-box { position:relative; width:256px; height:25px; margin:0; padding:0; float:left;}
.type-file-text{ width:187px;  line-height:19px; height:19px; margin:0 2px 0 0; float:left; display:inline;}
.type-file-button , input.type-file-button:focus { background: url(../images/sky/bg_position.gif) no-repeat -50px -450px; display: inline; width: 57px; height: 25px; float: left; border: 0;}
.type-file-file { position:absolute; top:0px; right:0px; height:25px; width:256px; filter:alpha(opacity:0); opacity: 0; cursor: pointer;}
.type-file-show { float: right; margin-right:10px; cursor: help; }
.type-file-preview { background: #FFF; display: none; padding:5px; border: solid 5px #71CBEF; position: absolute; z-index:999;}
.image_display .type-file-show { width: 16px; height: 16px; padding: 2px; border: solid 1px #D8D8D8; cursor:auto;}